﻿/*css  reset 初始化默认样式 */
@charset "utf-8";
*,
::before,
::after{
    padding: 0;
    margin: 0;
    /*设置所有的盒子都是以边框开始计算  使用的都流式布局*/
    -webkit-box-sizing: border-box;/*兼容主流浏览器 webkit内核的必须*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*清除移动端默认的点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
}
html,body{
    font-size: 62.5%;
    font-family: 'microsoft YaHei', sans-serif;
    /*font-family:"PingFang SC";*/
    color: #333;
    -webkit-user-select:none;/* 禁止iOS用户选中文字 */
    -webkit-text-size-adjust:none;/*禁止文字自动调整大小*/
}
ul,ol{list-style: none;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
/*input[type=button]{-webkit-appearance:none;}!*取消按钮在inphone上的默认样式*!*/
input,textarea{
    outline: none;
    border: none;
    resize: none;
    box-shadow: none;/*清除iOS上输入框内阴影*/
    /*-webkit-appearance: none;    !*清除移动端默认的输入框的默认样式*!*/
    color: #333;
}
::-webkit-input-placeholder{
    color: #999;
    font-size: 1.4rem;/*input占位符的样式修改*/
}
/* 禁止保存或拷贝图像（IOS）*/
img {
    border: 0 none;
    vertical-align:middle;
    -webkit-touch-callout: none;
}

/*css common 公用*/
.fl{float: left;}
.fr{float: right;}
/*清除浮动*/
.clearfix::before,
.clearfix::after{
    content: "";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0;
    clear: both;
}
/*布局样式*/
.m_t10{margin-top:10px;}
.m_b10{margin-bottom:10px;}
.m_l10{margin-left:10px;}
.m_r10{margin-right: 10px;}

/*精灵图标*/
[class^='icon_'],[class*=' icon_']{
    /*background-image:url("../images/sprites.png");*/
    background-size: 200px 200px;
}

html,body{
    width: 100%;
    background: #EBEBEB;
}
/*布局盒子*/
.container{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 640px;
    min-width: 300px;
    -webkit-overflow-scrolling : touch;
    background: #EBEBEB;
    /*background: #737373;*/
    overflow: hidden;
}
/*弹性盒子兼容写法B*/
.flex_con{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display:box;
    display:flex-box;
    flex-flow:row nowrap;
    -webkit-flex-flow:row nowrap;
    -webkit-box-pack:center;
    -webkit-align-content:center;
    -webkit-box-align:center;
    justify-content:flex-start;
    align-items: center;
    width:100%;
    height:100%;
}
.flex_list{
    flex:auto;
    -webkit-flex:auto;
    -webkit-box-flex:auto;
}
/*弹性盒子兼容写法E*/
/*头部样式B*/
header{
    width: 100%;
    text-align: center;
    height: 4.4rem;
    line-height: 4.4rem;
    background: #fff;
    position: fixed;
    border-bottom: 1px solid #EBEBEB;
    letter-spacing: .1rem;
    z-index: 999;
    max-width: 640px;
}
header>a{
    position: absolute;
    top:0;
    left:0;
    height: 4rem;
    width:4rem;
}
header>a>img{
    width: 1rem;
    height: 1.7rem;
}
header>span{
    font-size: 1.8rem;
    color: #f26047;
    flex: 1;
}
/*头部样式E*/


/*----------------------------newPlan CSS B------------------------------------*/
/*管户非管户tab B*/
.activity_plan{
    display: flex;
    flex-direction: row;
    background: #fff;
    margin-bottom: 1rem;
    background: #fff;
    padding-top: 4.4rem;
}
.activity_plan .manageUsers,.activity_plan .notManageUsers{
    width: 50%;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    font-size: 1.5rem;
}
.now{
    background: #f26047;
    color: #fff;
}
/*非管户默认隐藏*/
#notManageUsers{
    display: none;
}

/*管户非管户tab E*/
/*管户搜索框特别样式*/
#search_name{
    background: #EBEBEB;
}
#search_namebox{
    height: 100%;
    padding: 0rem 0rem 1rem 0rem;
    position: relative;
}
#search_namebox::before{
    content: "";
    display: block;
    background: url("../images/searchicon.png") no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: .7rem;
    left: 1rem;
}
#search_name input{
    width: 100%;
    text-align: left;
    border:1px solid #E26832;
    border-radius: 1.5rem;
    /*text-indent: 3rem;*/
    text-align: center;
}
/*userinfo B*/
.userinfo{
    color: #333;
}
.list-unstyled{
    padding-top: 4.4rem;
}
.text-right{
    text-align:right;
}
.text-left{
    text-align:left;
}
.userinfo li{
    height: 4rem;
    background: #fff;
    margin-bottom: .1rem;
    padding: 0rem 1.1rem;
}
.userinfo ul .noBottom{
    margin-bottom: 0rem;
}
.userinfo li:last-child{
    padding: 0rem 0rem;
}
.userinfo ul li{
    display: -webkit-box;/*兼容老款机*/
    display: -webkit-flex;
    display: flex;
    flex-flow:row nowrap;
    -webkit-flex-flow:row nowrap; /*row nowrap 主轴的方向 轴线排不下如何换行*/
    justify-content:flex-start;/*项目在主轴上的对齐方式*/
    align-items: center;/*交叉轴上如何对齐*/
}
.userinfo ul li span{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    display: flex;
    font-size: 1.4rem;
}
.userinfo ul li span:nth-child(1){
    padding-left: 1.1rem;
}

/*第二个盒子占比2*/
.userinfo ul li span:nth-child(2){
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    padding: .8rem 0rem .8rem 0rem;
    display: flex;
    height: 100%;
}
input{
    font-family: 'microsoft YaHei', sans-serif;
    font-size: 1.4rem;
    color: #333;
}
.userinfo ul li span:nth-child(2) input{
    flex: 1;
    height: 100%;
}
/*面防icon*/
.userinfo .faceIcon{
    padding-right: 2rem;
    position: relative;
}
.userinfo .faceIcon::after{
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../images/mianfang.png") no-repeat;
    background-size: contain;

}

/*最后一个li里面的input样式*/
.userinfo ul li:last-child{
    height: 13.3rem;
}
.userinfo ul li:last-child span{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0rem 1.1rem .8rem 1.1rem;
}
.userinfo ul li:last-child span textarea{
    font-family: 'microsoft YaHei', sans-serif;
    /*font-family:"PingFang SC";*/
    width: 100%;
    height: 100%;
    text-align: left;
    border-radius: .5rem;
    font-size: 1.4rem;
    color: #333;
    padding: .6rem .6rem 0rem .6rem;
    /*background: #666;*/
    background: #EBEBEB;
}
/*星星图标*/
.starIcon{
    position: relative;
}
.starIcon::before{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url("../images/star.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: .2rem;
    left: -0.1rem;
}
/*搜索按钮*/
.userinfo ul li:first-child a,.userinfo ul li:nth-child(2) a{
    display: block;
    width: 4rem;
    height: 100%;
}
.userinfo ul li:first-child a img,.userinfo ul li:nth-child(2) a img{
    width: 1.8rem;
    height: 1.8rem;
    -webkit-transform: translate(1.2rem,1.3rem);
    transform: translate(1.2rem,1.3rem);
}
/*选择按钮*/
.userinfo ul li:nth-child(4) a,.modification_date a{
    display: block;
    /*width: 2rem;*/
    height: 100%;
}
.userinfo ul li:nth-child(4) a img, .modification_date a img{
    width: 1rem;
    height: 1.3rem;
    -webkit-transform: translate(.3rem ,.45rem);
    transform: translate(.3rem ,.45rem);
}
/*userinfo E*/
/*底部按钮 B*/
footer{
    width: 100%;
    height: 5rem;
    position: fixed;
    display: flex;
}
.btnBox{
    flex: 1;
    width: 100%;
    max-width: 640px;
    height: 100%;
    display: flex;
    flex-direction: row;
    background: transparent;
    padding: 0rem 1.1rem;
    align-items: center;
}
.btnBox #save,.btnBox #reset,.btnBox #cancer{
    width: 33.33%;
    height: 35px;
    background: #f26047;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: .3rem;
    margin-left: 3rem;
}
.btnBox #reset{
    background: #00ac8e;
    margin-left: 0px;
}
.btnBox #cancer{
    background: #aeaeae;
    margin-left: 3rem;
}
/*底部按钮 E*/

/*弹出层B*/
.layer{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    background-color: rgba(0, 0, 0, 0.85);
}
.layer .layerSearch{
    margin-top: 1rem;
    width: 100%;
    height: 4rem;
    padding: .5rem 1.1rem .1rem 1.1rem;
    position: fixed;
}
.layer .layerSearch input{
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    text-indent: 2rem;
}
.layerSearch a{
    width: 4rem;
    height: 2.8rem;
    position: absolute;
    top: .8rem;
    right: 1.8rem;
    text-align: center;
    line-height: 2.8rem;
}
.layerSearch a img{
    width:2.3rem;
    height: 2.3rem;
}
.allName{
    width: 100%;
    height: 100%;
    padding:4.4rem 1.1rem 0rem 1.1rem;
    color: #fff;
}
.allName ul{
    width: 100%;
    /*height: 100%;*/
}
.allName ul li{
    height: 3rem;
    flex: 1;
    display: flex;
    border-bottom: 1px solid #fff;
    line-height: 3rem;
}
.allName ul li span{
    flex: 1;
    padding: 0rem 1.1rem;
    text-align: center;
}

/*弹出层E*/

/*----------------------------newPlan CSS E------------------------------------*/

/*----------------------------makePlan CSS B------------------------------------*/

/*planDetails B*/
.planDetails{
    /*display: flex;*/
    padding:4.4rem 1.1rem 0rem 1.1rem;
    /*flex-flow:column wrap;*/
    overflow: hidden;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}
.bigBox{
    width: 100%;
    margin-top: 1.5rem;
    position: relative;
    background-size: 100% 100%;
    height: 29%;  /*分页显示3条时的高度*/
    /*height: 14rem;*/
}
.bigBox:last-child{
    margin-bottom: 1rem;
}
.planDetails_Box{
    flex: 1;
    padding:0rem 1.1rem;
    width: 100%;
    height: 100%;
}
.delete{
    display: block;
    width: 8rem;
    line-height: 100%;
    text-align: center;
    position: absolute;
    top:0rem;
    right: -100px;
}
.delete img{
    width: 6rem;
    height: 6rem;
}

.planDetails_Box .header{
    height: 3.5rem;
    display: flex;
    color: #fff;
}
.planDetails_Box .header .custNo{
    text-indent: 2.5rem;
    font-size: 1.5rem;
}
.planDetails_Box .header .custNo,.planDetails_Box .header .pretreatDt{
    width: 50%;
    line-height: 3.5rem;
}
.planDetails_Box .header .pretreatDt{
    position: relative;
    font-size: 1.3rem;
}
.planDetails_Box .header .pretreatDt::before{
    content: '';
    display: block;
    position: absolute;
    top: .9rem;
    right: 6rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url("../images/shizhong.png") no-repeat;
    background-size: contain;
}
.planDetails_Box .header>a{
    position: absolute;
    height: 3rem;
    width: 2rem;
    line-height: 3rem;
}
.planDetails_Box .header>a>img{
    width: 1.7rem;
    height: 1.7rem;
}
.planDetails_Box .main{
    display: flex;
    flex-direction: column;
    font-size: 1.3rem;
    position: relative;
}
.planDetails_Box .main .mainTel{
    flex: 1;
    line-height: 3.5rem;
}
.planDetails_Box .main div:nth-child(1){
    display: flex;
}
.planDetails_Box .main div:nth-child(1) span:nth-child(1){
    width: 40%;
}
.planDetails_Box .main div:nth-child(1) span:nth-child(2){
    width: 60%;
}
.planDetails_Box .main .mainTel{
    position: relative;
}
.planDetails_Box .main .mainTel{
    margin-top: .5rem;
}
.planDetails_Box .main .mainTel a{
    width: 2.5rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    text-align: center;
    line-height: 3.5rem;
}
.planDetails_Box .main .mainTel a img{
    width: 2rem;
    height: 2rem;
}
.commentsLong{
    line-height: 1.5rem;
}

.mainModification{
    position: absolute;
    bottom: .5rem;
    right: 0rem;
    width: 6rem;
    height: 2.5rem;
    line-height: 2.5rem;
}
.mainModification img{
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
}
/*底部创建按钮*/
.makePlan_foot{
    width: 100%;
    height: 4rem;
    background: #E26832;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 4rem;
}
.makePlan_foot span{
    width: 100%;
    height: 100%;
    font-size: 1.7rem;
    color: #fff;
    letter-spacing: .1rem;
}






/*planDetails E*/


/*----------------------------makePlan CSS E------------------------------------*/







